import Vue from 'vue'


const App = {
  template: `
    <div>
      <h2>{{message}}</h2>
      <button @click='btnClick'>按钮</button>
      <h2>{{name}}</h2>
    </div>
  `,
  data() {
    return {
      message: 'hello webpack',
      name: 'srx'
    }
  },
  methods: {
    btnClick() {
      console.log('按钮被点击了')
    }
  }
}


new Vue({
  el: '#app',
  template: '<App/>',
  components: {
    App,
  }
})


/**
 *  新内容 2 - (增强版 2)
 *
 *  根据 main.js 进行抽离
 *
 *  components 中注册组件 App, 在 template 中使用这个App组件
 *
 */